import styled from 'styled-components';

export const LoginWrapper =styled.div`
      z-index:0;
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      top:56px;
      background:#eee;
`;
export const LoginBox =styled.div`
      width:400px;
      height:180px;
      margin:100px auto;
      padding-top: 20px;
      background:#fff;
      box-shadow:0 0 8px rgba(0,0,0,.1);
`;
export const Input =styled.input`
      display:block;
      width:200px;
      height:30px;
      line-height:30px;
      padding:0 10px;
      color:#777;
      margin:10px auto;
`;
export const Button =styled.div`
      display:block;
      width:220px;
      height:30px;
      line-height:30px;
      padding:0 10px;
      color:#777;
      background: #3194d0;
      border-radius:15px;
      margin:10px auto;
      text-align:center;
      color:#fff;
      cursor:pointer;
      user-select:none;
      &:hover{
      background:#187cb7;
      }
`;
